.gitlab-embed-snippets
  .js-file-title.file-title-flex-parent
    .file-header-content
      = external_snippet_icon('doc-text')

      %strong.file-title-name.gl-text-strong
        %a.gitlab-embedded-snippets-title{ href: url_for(only_path: false, overwrite_params: nil), target: '_blank', rel: 'noopener noreferrer' }
          = blob.name

      %small.gl-text-subtle
        = number_to_human_size(blob.size)
      %a.gitlab-logo-wrapper{ href: url_for(only_path: false, overwrite_params: nil), title: 'View on GitLab', target: '_blank', rel: 'noopener noreferrer' }
        %img.gitlab-logo{ src: image_url('ext_snippet_icons/logo.svg'), alt: "GitLab logo" }

    .file-actions.gl-hidden{ class: "@sm/panel:gl-block" }
      .btn-group{ role: "group" }<
        = embedded_copy_snippet_button(blob)
        = embedded_raw_snippet_button(@snippet, blob)
        = embedded_snippet_download_button(@snippet, blob)
  %figure.file-holder.snippet-file-content{ "aria-label" => _('Code snippet') }
    = render 'projects/blob/viewer', viewer: blob.simple_viewer, load_async: false, external_embed: true
